
* {margin: 0;padding: 0;word-wrap: break-word;}

*, *::after, *::before {box-sizing: border-box;}

body {background: #f2f2f2 none repeat scroll 0 0;font-family: "Microsoft YaHei",Helvetica,sans-serif;font-size: 16px;}

a {color: #ff3800;line-height: 1.2;text-decoration: none;}

a:hover {color: green;}

img {border: 0 none;height: auto;max-width: 100%;}

ul li {border-bottom: 1px dashed #ddd;font-size: 1em;line-height: 15px;list-style: outside none none;padding: 5px;}

h1 {border-bottom: 1px solid #dadada;clear: both;font-size: 1.3rem;font-weight: bold;margin: 12px 8px 5px;padding: 0 0 7px;text-align: center;}

h3 {color: #666;font-size: 1rem;margin: 15px 12px 10px;}

p {font-size: 1.1em;line-height: 22px;padding-bottom: 2px;}

.clear, .clear::after {clear: both;}

.col-5 {float: left;text-align: center;width: 50%;}

#header {text-align: center;}

.wrap, .copy {background: #fff none repeat scroll 0 0;border: 1px solid #dfdfdf;color: #333;margin: 0.8em 3px;padding: 0.8em 0;}

.wrap > div {overflow: hidden;}

.wrap .con {background: #f2f2f2 none repeat scroll 0 0;border: 1px solid #bfbfbf;color: #666;margin: 1.2em 8px;padding: 6px;}

.copy {text-align: center;}

.article-date {display: none;}

@media (min-width: 775px) {
  body {font-size: 14px;}
  h1 {font-size: 1.6rem;}
  h3 {font-size: 1.2rem;}
  #header {padding-bottom: 4px;}
  .wrap, .copy {margin: 1.5em auto;width: 768px;}
  .wrap .con {margin: 1.2em 16px;padding: 9px;}
}
